<template>
    <a-modal
        title="删除您的项目？"
        v-model="removeData.show"
        width="30%"
        @cancel="removeData.show=false" @ok="confirm">
        <span>您即将永久删除自己的项目，以及与您的 项目相关联的所有数据。 确认删除项目后，无法撤销或恢复。</span>
        <p>请输入<span style="color:#f56c6c;"> 我确定删除 </span>进行确认</p>
        <a-input style="width:260px;" placeholder="请输入我确定删除" v-model="name"></a-input>
    </a-modal>
</template>
<script>
export default {
  name: 'RemoveTips',
  props: {
    removeData: {
      type: Object,
      required: true
    }
  },
  data () {
    return {
      name: ''
    }
  },
  methods: {
    confirm () {
      if (this.name === '我确定删除') {
        this.$emit('confirm')
      } else {
        this.$message.error('请输入"我确定删除"')
      }
    }
  }
}
</script>
